	<include file="Base:header" />
	<link rel="stylesheet" type="text/css" href="__CSS__/user.css"/>
		<div class="personal min_height">
			<div class="personal_head">
				<div class="personal_head_nav">
					<p>个人中心</p>
				</div>
			</div>
			
			<div class="personal_content">
				<form action="{:U('')}" method="post" enctype="multipart/form-data">
					<div class="p_name">
						<span>昵称：</span><input type="text" name="nickname" id="p_name" value="{$userInfo.nickname}" />
						<p class="p_name_prompt"><img class=" fl" src="__IMG__/p_name_prompt.jpg"/><span>4-30个字符，支持中英文、数字、”__”或减号</span></p>
					</div>
					<div class="p_head">
						<span class="">头像：</span>
						<input class="" type="file" name="" id="avatar_choose" value="" />	
						<input class="" type="hidden" name="avatar" id="avatar_value" value="" />	
						<div class="p_head_btn">本地图片</div>
						<p class="p_head_prompt">仅支持JPG、GIF、PNG格式，文件小于1M</p>
					</div>
					<notempty name='userInfo.avatar'>
						<img class="head_img" src="{$userInfo[avatar]}" id='avatar_preview' />
						<else />
						<img class="head_img" src="__IMG__/avatar_default_bg.jpg" id='avatar_preview' />
					</notempty>
					<input type="submit" name="" id="p_sumbit" value="确认" />
				</form>
			</div>
		</div>
		<!-- 翻页----结束-->
		<include file="Base:footer" />

		<script type="text/javascript">
		$('#avatar_choose').change(function(){
			var filevalue = $(this).val();
			convertImgToBase64(this, function (data) {  
                $('#avatar_preview').attr('src', data);  
                $('#avatar_value').val(data);   
            });  
		})
		
		
			/* 转换本地图片为base64 */		
	       function convertImgToBase64(input_file, get_data) {
	       	/*input_file：文件按钮对象*/
	       	/*get_data: 转换成功后执行的方法*/
	       	if (typeof(FileReader) === 'undefined') {
	       		alert("抱歉，你的浏览器不支持 FileReader，不能将图片转换为Base64，请使用现代浏览器操作！");
	       	} else {
	       		try {
	       			/*图片转Base64 核心代码*/
	       			var file = input_file.files[0];
	       			//这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件  
	       			if (!/image\/\w+/.test(file.type)) {
	       				alert("请确保文件为图像类型");
	       				return false;
	       			}
	       			var reader = new FileReader();
	       			reader.onload = function() {
	       				get_data(this.result);
	       			}
	       			reader.readAsDataURL(file);
	       		} catch (e) {
	       			alert('图片转Base64出错啦！' + e.toString())
	       		}
	       	}
	       }
		
		
		
			 
			 


		</script>

	</body>
</html>
